<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="../../generales/plantillas/plantillaMain.xhtml">

	<ui:define name="content">
		<h:form prependId="false">
		<!-- Boton que permite mostrar el formulario para agregar una zona al sistema -->
			<p:panel id="listaPanel" header="#{msg['form.zona.lista']}"	style="margin-bottom:10px;">
			<p:commandButton id="btnAdd" value="#{msg['form.zona.boton.agregar']}"  oncomplete="info.show()"/>
				<p:dataTable var="zona" value="#{zonaBean.lazyDataModel}"
					paginator="true" rows="10"
					paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
					rowsPerPageTemplate="#{msg['app.rowsPerPage']}"
					selectionMode="single" selection="#{zonaBean.zonaSelected}"
					id="zonasTable" emptyMessage="#{msg['list.inmuebles.empty']}"
					rowKey="#{zona.id}">

					<p:column headerText="#{msg['form.zona.codigo']}"
						sortBy="#{zona.id}" filterBy="#{zona.id}">
						<h:outputText value="#{zona.id}" />
					</p:column>

					<p:column headerText="#{msg['form.zona']}" sortBy="#{zona.nombre}"
						filterBy="#{zona.nombre}">
						<h:outputText value="#{zona.nombre}" />
					</p:column>

					<p:column headerText="#{msg['form.tipoZona']}"
						sortBy="#{zona.tipoZona.nombre}"
						filterBy="#{zona.tipoZona.nombre}">
						<h:outputText value="#{zona.tipoZona.nombre}" />
					</p:column>

					<p:column headerText="#{msg['form.estado']}"
						sortBy="#{zona.estadoZona.nombre}"
						filterBy="#{zona.estadoZona.nombre}">
						<h:outputText value="#{zona.estadoZona.nombre}" />
					</p:column>
					
					<p:column style="width:70px">
			        	<p:panelGrid columns="2" style="border: hidden">
			        		<p:commandLink id="editar"  oncomplete="info.show()" title="#{msg['list.inmuebles.menu.editar']}">
			        			<h:graphicImage library="images" name="icon_edit.png"/>
			        		</p:commandLink>
			        		<p:commandLink id="delete" title="#{msg['list.inmuebles.menu.eliminar']}" onclick="confirmation.show()">
			        			<h:graphicImage library="images" name="icon_metal_garbage.png"/>
			        		</p:commandLink>
			            </p:panelGrid>
			        </p:column>
					
				</p:dataTable>
			</p:panel>


		</h:form>

		<!-- Formulario para realizar la edicion del inmueble -->
		<ui:include src="formEditarZona.xhtml" />
		
			<!-- Dialog de confirmacion de eliminacion de inmueble -->
        <p:confirmDialog message="#{msg['form.zona.confirm.msg']}" resizable="false" header="#{msg['form.inmueble.confirm.title']}" severity="alert" widgetVar="confirmation">
            <h:form id="deleteDialogForm">
	           <p:commandButton value="#{msg['form.boton.aceptar']}"   oncomplete="confirmation.hide()"/>
	            <p:commandButton value="#{msg['form.boton.cancelar']}" onclick="confirmation.hide()" type="button"/>
            </h:form>
        </p:confirmDialog>


	</ui:define>
</ui:composition>
